<div data-page="usercenter" class="page">
    <div class="page-content">
        <div class="content-block">
            <div class="content-block-inner row no-gutter">
                <div class="col-30">
                    <img class="wx-headimg" onerror="onUserPosterError(this)" src="{{member.headimgurl}}" style="width:80px;height:80px;border-radius:100%;border: solid 1px gainsboro;padding: 4px">
                </div>
                <div class="col-60" style="height: 90px;line-height: 90px;overflow: hidden;text-overflow: ellipsis">
                    {{member.nickname}}
                </div>
                <div class="col-10" style="height: 90px;line-height: 90px;overflow: hidden;text-overflow: ellipsis">
                    <img src="http://cdn.bestmovie.com.cn/wechat/img/vip_gray.png" width="100%">
                </div>
            </div>
        </div>
        <div class="list-block">
            <ul>
                <li>
                    <a href="collectionhome" class="item-link item-content">
                        <div class="item-media"><i class="f7-icons">favorites</i></div>
                        <div class="item-inner">
                            <div class="item-title">收藏</div>
                            <div class="item-after"></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="footprinthome" class="item-link item-content">
                        <div class="item-media"><i class="f7-icons">time</i></div>
                        <div class="item-inner">
                            <div class="item-title">足迹</div>
                            <div class="item-after"></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="cardpackage" class="item-link item-content">
                        <div class="item-media">
                            <div class="icon"><i class="f7-icons">card</i></div>
                        </div>

                        <div id="card" class="item-inner">
                            <div  class="item-title-row">电子会员卡</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="bookingorders" class="item-link item-content">
                        <div class="item-media">
                            <div class="icon"><i class="f7-icons">compose</i></div>
                        </div>

                        <div id="card" class="item-inner">
                            <div  class="item-title-row">我的订单</div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="list-block">
            <ul>
                <li>
                    <a href="regist" class="item-link item-content">
                        <div class="item-media">
                            <div class="icon"><i class="icon f7-icons">phone</i></div>
                        </div>
                        <div class="item-inner">
                            <div class="item-title-row">修改绑定手机</div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>